<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>售后详情</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.dtl-images {
			padding-right: 5px;
		}
		
		.dtl-images img {
			padding-left: 5px;
		}
		
		.icon-check {
			background: #008542;
			color: #FFF;
			border-radius: 50%;
			display: block;
			width: 20px;
			height: 20px;
			text-align: center;
			line-height: 22px;
			position: absolute;
			top: 23px;
			left: 0;
		}
		
		.mui-row {
			position: relative;
		}
		
		.mui-row > .mui-col-xs-2 {
			position: absolute;
			width: 10%;
			top: 0px;
			bottom: 0;
		}
		
		.mui-row > .mui-col-xs-2:before {
			content: "";
			position: absolute;
			display: block;
			height: 100%;
			width: 1px;
			background: #008542;
			top: 25px;
			left: 10px;
		}
		
		.mui-row:last-child > .mui-col-xs-2:before {
			content: "";
			background: transparent;
		}
		
		.mui-row > .mui-col-xs-10 {
			position: relative;
			width: 90%;
			border: 1px solid #DCDCDC;
			border-radius: 10px;
			background: #FFF;
			margin-left: 10%;
		}
		
		.mui-row > .mui-col-xs-10:before {
			content: "";
			position: absolute;
			left: -20px;
			top: 13px;
			border: 10px solid;
			border-color: transparent #DCDCDC transparent transparent;
		}
		
		.mui-row > .mui-col-xs-10:after {
			content: "";
			position: absolute;
			left: -17px;
			top: 14px;
			border: 9px solid;
			border-color: transparent #FFF transparent transparent;
		}
		
		.detail-button {
			background: #FC3A2E;
			color: #FFF;
			border-radius: 5px;
			padding: 2px 5px;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="header mui-bar mui-bar-nav bar mui-text-center">
		<a class="mui-pull-left mui-action-back pad-h-md">
			<i class="iconfont icon-back"></i>
		</a>
		<a class="title">售后详情</a>
	</header>
	<!-- 顶部导航 结束 -->
	<div class="detail-info mgn-v">
		<div class="pad-h">
			<label class="text-gray">订单编号：</label>
			<label>201460310313</label>
		</div>
		<div class="pad-h">
			<label class="text-gray">问题类型：</label>
			<label>201460310313</label>
		</div>
		<div class="pad-h">
			<label class="text-gray">问题描述：</label>
			<label>201460310313</label>
		</div>
		<div class="pad-h">
			<label class="text-gray">图片：</label>
			<div class="white pad-v-md rds mui-row mgn-v-sm dtl-images">
				<img class="mui-col-xs-4" src="../image/big.png" />
				<img class="mui-col-xs-4" src="../image/big.png" />
				<img class="mui-col-xs-4" src="../image/big.png" />
			</div>
		</div>
	</div>
	<div class="content">
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 pad">
				<i class="iconfont icon-check"></i>
			</div>
			<div class="mui-col-xs-10 pad-h-sm pad-v-md mgn-v-sm">
				<label class="mui-block mui-text-left pad-h-sm">问题已提交，请等待客服处理</label>
			</div>
		</div>
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 pad">
				<i class="iconfont icon-check"></i>
			</div>
			<div class="mui-col-xs-10 pad-h-sm pad-v-md mgn-v-sm">
				<label class="mui-block mui-text-left pad-h-sm">售后已被接受，客服正在处理中</label>
			</div>
		</div>
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 pad">
				<i class="iconfont icon-check"></i>
			</div>
			<div class="mui-col-xs-10 pad-h-sm pad-v-md mgn-v-sm">
				<label class="mui-block mui-text-left pad-h-sm">处理办法：补寄桌子</label>
			</div>
		</div>
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 pad">
				<i class="iconfont icon-check"></i>
			</div>
			<div class="mui-col-xs-10 pad-h-sm pad-v-md mgn-v-sm">
				<label class="mui-inline mui-text-left pad-h-sm">补寄桌子已发出</label>
				<button class="no-bdr mui-pull-right detail-button detail-btn-logistics" data-url="member.order.flow.html">查看物流</button>
			</div>
		</div>
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 pad">
				<i class="iconfont icon-check"></i>
			</div>
			<div class="mui-col-xs-10 pad-h-sm pad-v-md mgn-v-sm">
				<label class="mui-inline mui-text-left pad-h-sm">售后完成</label>
				<button class="no-bdr mui-pull-right detail-button detail-btn-clear" data-url="member.after.sale.html">关闭售后</button>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.ba-bbq.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="after.sale.detail.js" ></script>
</body>
</html> 